/*
	Dimensiones comunes:
	Colores comunes:
	#EFDCAE : Amarillo muy light
	#FFD773 : Amarillo light
	#FFC840 : Amarillo medio
	#FFB600 : Amarillo fuerte
	#BF9630 : Amarillo oscuro
	#A67600 : Cafe
*/


/*----------------------------------------------*/
/*  CSS Reset                                   */
/*----------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*----------------------------------------------*/
/*  Global                                      */
/*----------------------------------------------*/
div{
	overflow:hidden;
}

a{
	text-decoration:none;
}

/*----------------------------------------------*/
/*  Helpers                                     */
/*----------------------------------------------*/

/*----------------------------------------------*/
/*  Structure                                   */
/*----------------------------------------------*/
body{
	background-color:#FAF1DC;
}
div#page{
	width:1024px;
	margin:0px auto;
	height:615px;
	position:relative;
	border-radius:10px;
}

/*----------------------------------------------*/
/*  Structure - Header Cai                      */
/*----------------------------------------------*/
div#headerCai{
	height:90px;
	padding-left:58px;
	padding-right:58px;
}

div#patch1{
	top:50%;
}

div#patch2{
	top:-50%;
}

h1#centroAlumnos{
	font-family:Times;
	display:inline-block;
	font-size:22px;
	margin-top:25px;
	margin-left:15px;
}

h2#pucName{
	font-family:Times;
	display:inline-block;
	font-size:20px;
	margin-top:10px;
}

img#imageCai{
	float:left;
}

div#logoCai{
	width:406px;
	float:left;
	display:inline-block;
}

div#menuCai{
	width:502px;
	float:left;
	background-color:green;
	display:inline-block;
}

/*----------------------------------------------*/
/*  Structure - Header Central de apuntes       */
/*----------------------------------------------*/
div#header{
	height:100px;
	border-radius:10px;
	background-color:#FFD773;
}

div#leftHeader{
	float:left;
	width:30%;
	height:100%;
}

div#rightHeader{
	float:right;
	width:70%;
	height:100%;
}


div#login{
	float:right;
	width:250px;
	display:inline-block;
}

div#jic{
	display:inline-block;
}

div#logoCentral{
	margin-top:30px;
	margin-bottom:auto;
	position:absolute;
	width:800px;
}

p#imageCentral{
	font-size:35px;
	margin-left:10%;
	margin-top:auto;
	margin-bottom:auto;
	position:relative;
	display:inline-block;
	font-family:Times;
}

p#greeting{
	font-family:Times;
	font-size:16px;
	margin-left:30%;
	margin-top:20%;
}
/*----------------------------------------------*/
/*  Structure - Main                            */
/*----------------------------------------------*/
div#main{
	height:700px;
}

div#separator{
	width:2%;
	background-color:yellow;
}

/*----------------------------------------------*/
/*  Structure - Main - Sidebar                  */
/*----------------------------------------------*/
div#sidebar{
	display:inline-block;
	width:30%;
	float:left;
	background-color:#FFC840;
	height:100%;
	border-radius:10px;
}

/*----------------------------------------------*/
/*  Structure - Main - Content                  */
/*----------------------------------------------*/
div#content{
	display:inline-block;
	width:68%;
	float:right;
	height:100%;
}

div.content{
	
}


/*----------------------------------------------*/
/*  Components - Search                         */
/*----------------------------------------------*/
form#searchForm{
	height:50px;
	width:94%;
	left:3%;
	position:relative;
}

form#searchForm img{
	float:right;
}

input#searchInput{
	height:100%;
	width:90%;
	font-size:30;
}

div#searchBar{
	left:3%;
	position:relative;
}

div#searchResults{
	width:94%;
	left:3%;
	margin-top:10px;
	position:relative;
	overflow-y:auto;
	height:50%;
}

div#searchResultsFilter{
	left:5%;
	height:40px;
	position:relative;
	font-size:1.3em;
}

div#searchResultsFilter ul{
	display:inline-block;
	position:relative;
	top:-40%;
}
div#searchResultsFilter ul li{
	display:inline;
}
input.saveItem{
	height:100%;
	display:inline-block;
	width:3%;
}

div.saveItem{
	position:relative;
	top:-60px;
	height:100%;
	width:5%;
	display:inline-block;
}

img.saveItem{
	width:100%;
	display:inline-block;
	top:35%;
	position:relative;
	crosshair:pointer;
}
div.searchItem{
	left:5%;
	height:90px;
	width:90%;
	position:relative;
	border-style:ridge;
	border-width:3px;
	border-radius:5px;
	margin-bottom:10px;
	padding-bottom:5px;
}
div.searchItem div.itemDescription{
	position:relative;
	font-size:20;
	height:100%;
	width:65%;
	display:inline-block;
}
div.searchItem div.itemDescription table{
	width:100%;
}

div.searchItem div.itemDescription table td{

	width:25%;
}

div.searchItem div.itemDescription div.itemDetail{
	position:absolute;
	left:auto;
	bottom:0px;
	width:100%;
}

div.itemScore{
	height:100%;
	width:23%;
	position:relative;
	display:inline-block;
	top:auto;
}

div.itemScore img{
	width:17%;
}

div.itemScore div.itemWarning{
	position:relative;
	text-align:right;
}
button#downloadAll{
	font-size:14;
	position:relative;
	top:-13px;
}
div.itemScore button{
	position:absolute;
	bottom:0;
	right:0;
	font-size:14;
	margin-right:5px;
}



/*----------------------------------------------*/
/*  Components - Upload                         */
/*----------------------------------------------*/
div#filelist{
	width:100%;
}

label.sizeLabel{
	float:right;
}
label.fileForm{
}

div.uploadForm{
	margin-right:auto;
	margin-left:auto;
	width:300px;
}

.uploadFormInput{
	float:right;
	position:relative;
}

textarea.descriptionInput{
	width:100%;
}

div.content{
	margin-right:auto;
	margin-left:auto;
	width:350px;
}

div.files{
	border-style:solid;
	border-color:black;
}

/*----------------------------------------------*/
/*  Components - Profile                    */
/*----------------------------------------------*/

img#profilePicture{
	width:150;
	height:157;
	position:absolute;
	margin-top:20px;
	margin-left:20px;
}

label#usersFirstName{
	position:absolute;
	margin-left:190px;
	margin-top:90px;
	font-size:24px;
}

label#usersLastName{
	position:absolute;
	margin-left:195px;
	margin-top:110px;
	font-size:24px;
}

label#ranking{
	position:absolute;
	margin-top:230px;
	margin-left:20px;
	font-size:20px;
}

label#downloadedFiles{
	position:absolute;
	margin-top:260px;
	margin-left:20px;
	font-size:20px;
}

label#uploadedFiles{
	position:absolute;
	margin-top:290px;
	margin-left:20px;
	font-size:20px;
}

label#comments{
	position:absolute;
	margin-top:320px;
	margin-left:20px;
	font-size:20px;
}

img.saveIcon{
	height:30px;
	width:30px;
	vertical-align:middle;
}

img.typeImage{
	margin-left:20px;
	vertical-align:middle;
}

a.downloadLink{
	font-size:16px;
	margin-left:60px;
	vertical-align:middle;
}

label.numberOfFiles1{
	margin-left:50px;
	font-size:14px;
	vertical-align:middle;
}

label.downloadDate{
	margin-left:50px;
	font-size:12px;
	vertical-align:middle;
}

/*div#searches{
	overflow:scroll;
}

div#downloads{
	overflow:scroll;
}
*/
/*----------------------------------------------*/
/*  Components - Tree                           */
/*----------------------------------------------*/
div#tree{
	margin:5px;
	border-style: groove;
	border-width: 3px;
	height: 50%;
}

/*----------------------------------------------*/
/*  Components - Accordion                      */
/*----------------------------------------------*/
div#accordion{
	height: 50%;
}
div#accordionTree{
	
}